<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" class="txt1" value="">
    <input type="text" class="txt2" value="">
    <input type="button" value="生成"><br>
    <table border="1"></table>

    <input type="text" value="" class="txt3">
    <select>
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
        <option value="%">%</option>
    </select>
    <input type="text" value="" class="txt4">
    <input type="button" value="=" class="butt">
    <input type="text" value="" class="txt5" ><br>

    <script>
        // # 五、作业
        // 1. 入职薪水10K，每年涨幅5%，第50年工资多少

        // 1 10000
        // 2 10000+10000*5%
        // 3 (10000+10000*5%)+(10000+10000*5%)*5%

        function fn1(sum){
            for(var i=1;i<=50;i++){
                sum = sum + sum * 0.05;
            }
            return (sum);
        }
        console.log(fn1(10000));
        


        // 2. 打印100以内7的倍数

        function fn2(){
            for(var i=0;i<=100;i++){
                if(!(i%7)){
                    console.log(i);
                }
            }
        }
        fn2();
        


        // 3. 求出1/1-1/2+1/3-1/4…..1/100的和          var i=1;

        function fn3(){
            var sum = 0;
            for(var i=1;i<=100;i++){
                if(i%2){
                    sum = sum + 1/i;
                }else{
                    sum = sum + (-1)/i;
                }
            }
            console.log(sum);
        }
        fn3();
        


        // 4. 打印100–200之间所有能被3或者7整除的数

        // for(var i=100;i<=200;i++){
        //     if(i%3 === 0 || i%7 === 0){
        //         console.log(i);
        //     }
        // }


        // 5. 在页面上打印九九乘法表
        
        function fn4(){
            var str = '';
            var table = '<table border=1>';
            for(var i=1;i<=9;i++){
                for(var j=1;j<=i;j++){
                    str = j + 'x' + i + '=' + i*j;
                    document.write(str);
                    document.write('&nbsp;&nbsp;');
                }
                document.write('<br>');
            }
            table += '</table>';
        }
        fn4();


        // 6. 完成一个梯形打印功能
        //                 ***
        //                *****
        //               *******
        //              *********
        //                 ***
        //                 ***
        //                 ***
        
        //1  4
        //2  3
        //3  2
        //4  1

        //1  3
        //2  5
        //3  7 
        //4  9


        function fn5(){
            for(var i=1;i<=4;i++){
                for(var j=4;j>=i;j--){
                    document.write('&nbsp;');    
                }
                for(var k=1;k<=2*i+1;k++){
                    document.write('*');
                }
                document.write('<br>');
            }
            for(var i=4;i<=7;i++){
                for(var m=4;m<=7;m++){
                    document.write('&nbsp;');
                }
                for(var n=5;n<=7;n++){
                    document.write('*'); 
                }
                document.write('<br>')
            }
        }
        fn5();
        

        
        // 7. 有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，第四个里面放8，棋盘上放的所有芝麻的重量
        
        //1  0.00001*2^0
        //2  0.00001*2^1
        //3  0.00001*2^2
        //4  0.00001*2^3

        function fn6(weight){
            var sum = 0;
            for(var i=1;i<=64;i++){
                sum = sum + weight*2**(i-1);
            }
            console.log(sum); 
        }
        fn6(0.00001);


        // 8. 生成表格

        var txt1 = document.querySelector('.txt1');
        var txt2 = document.querySelector('.txt2');
        var btn = document.querySelector('input[type=button]');
        var table = document.querySelector('table');

        btn.onclick = function(){
            var row = txt1.value;
            var col = txt2.value;

            function fn7(){
                var str = '';
                for(var i=1;i<=row;i++){
                    var tds = '';
                    for(var j=1;j<=col;j++){
                        tds += '<td>' + i + '-' + j + '</td>';
                    }
                    str += '<tr>' + tds + '</tr>';
                }
                table.innerHTML = str;
            }
            fn7();
        }
        


        // 9. 根据已有布局，完成简易计算器功能

        var txt3 = document.querySelector('.txt3');
        var txt4 = document.querySelector('.txt4');
        var txt5 = document.querySelector('.txt5');
        var sel = document.querySelector('select');
        var butt = document.querySelector('.butt');

        butt.onclick = function(){
            function fn8(){
                switch(sel.value){
                    case '+':
                        txt5.value = Number(txt3.value) + Number(txt4.value);
                        break;
                    case '-':
                        txt5.value = txt3.value - txt4.value;
                        break;
                    case '*':
                        txt5.value = txt3.value * txt4.value;
                        break;
                    case '/':
                        txt5.value = txt3.value / txt4.value;
                        break;
                    case '%':
                        txt5.value = txt3.value % txt4.value;
                        break;
                    default:
                }
            }
            fn8();
            

            // if(sel.value === '+'){
            //     txt5.value = Number(txt3.value) + Number(txt4.value);
            // }
            // if(sel.value === '-'){
            //     txt5.value = txt3.value - txt4.value;
            // }
            // if(sel.value === '*'){
            //     txt5.value = txt3.value * txt4.value;
            // }
            // if(sel.value === '/'){
            //     txt5.value = txt3.value / txt4.value;
            // }
            // if(sel.value === '%'){
            //     txt5.value = txt3.value % txt4.value;
            // }
        }


        // 10. **[以下为拓展题](https://blog.csdn.net/weixin_41636483/article/details/116040823?spm=1001.2014.3001.5501)**：
        // 11. 一张纸的厚度是0.0001米，将纸对折，对折多少次厚度超过珠峰高度8848米。



        // 12. 有一对幼兔，幼兔1个月后长成小兔，小兔1个月后长成成兔并生下一对幼兔，问8个月后有多少对兔子，幼兔、小兔、成兔对数分别是多少。



        // 13. 羽毛球拍15元，球3元，水2元。200元每种至少一个，有多少可能



        // 14. 球从100米的高度落地，每次落地弹起原高度的一半再落下，求在第10次落下时，共经过了多少米？第10次的反弹了多高？



        // 15. 猴子吃桃：第一天有若干个桃子，每天吃掉所有现存桃子的一半再多一个，第10天只剩1个，请问第一天一共有多少桃？



        // 16. 计算1~100之间所有的素数（质数）（循环嵌套）



    </script>
</body>
</html>